<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        textarea{
            resize: none;
        }
    </style>
</head>
<body>
    <textarea id="demo" cols="30" rows="10"></textarea>
</body>
<script>
    // 事件对象的属性_键盘事件相关
    // key   按键对应的字符(大写 小写 数字 标点符号 控制键位)
    // code  按键 
    // which/keyCode   在onkeydown onkeyup 返回按键对应键盘码 (一个按键一个码 onkeydown onkeyup 所有的按键均可触发)
    //                 在onkeypress  返回的按键对应的字符的ascll码 (onkeypress文本输入相关按键可触发)
    // var keyCode = e.which || e.keyCode;


    var demo = document.getElementById("demo");

    // demo.onkeydown = function(e){
    //     // console.log(e);
    //     // console.log(e.key);
    //     // console.log(e.code);

    //     console.log(e.key,e.which,e.keyCode);
    //     if(e.ctrlKey && e.which == 13){
    //         console.log("快捷发送");
    //     }
    // }

    demo.onkeypress = function(e){
        // console.log(e);
        // console.log(e.key);
        // console.log(e.code);

        var keyCode = e.which || e.keyCode;
        console.log(e.key,e.which,e.keyCode);

        //onkeypress  =>  组合键 ctrl + enter == 10
        if( e.which == 10){
            console.log("快捷发送");
        }
    }


</script>
</html>